@extends('layouts.back_stage')
@section('content')
    <script src="{{env('CDN_DOMAIN_NAME')}}/js/commonjs/jquery.page.js?v=1.0.3"></script>
    <style>
        .seek_p{width:100%;margin:0 auto;padding-top:10px;}
        .seek_lab{width:185px;line-height:30px;margin-right:10px;}
        .seek_sel{width:130px;height: 30px;line-height:30px;float:right;outline:none;font-size: 13px;padding:5px 10px;font-weight: normal;border-radius: 2px;color: #555;background:#fff;background-image: none;border: 1px solid #cfdadd;box-shadow: none;}
        .bt_del{text-align: center;display:inline-block;}
        .fabric-choose{width:100%;line-height:30px;height:30px;margin:20px auto;}
        .fabric_div1{width:150%;}
        .fabric_div2{width:200%;max-height:600px;}
        .fabric_div3{width:100%;max-height:600px;}
        .tab1,.tab2,.tab3{border-collapse:collapse;width:100%;font-size:14px;color:#383838;background:#fff;margin-bottom:10px;}
        table td{text-align:center;height:35px;}
        table,th,td{border:1px solid #ccc;}

        .oneTb{width:100%;overflow-x:scroll;overflow-y:hidden;}
        .twoTb{width:30%;overflow:scroll;float:left;margin-top:30px;}
        .threeTb{width:68%;overflow:scroll;float:right;margin-top:30px;}
        .one_tr{cursor:pointer;}
        .one_tr.in{background:#27c24c;color:#fff;}
        ::-webkit-scrollbar{width:5px;height:5px;}
        .colr{color:red;}
        .colb{color:#1aad1a;}
    </style>
    <div class="container">
        {{--投产计划核料--}}
        <div style="padding:20px 0;"><h3>投产计划核料</h3></div>
        <div class="form-group">
            <form action="" method="" >
                {{--{{ csrf_field() }}--}}
                <p class="seek_p">
                    <label class="seek_lab" style="width:205px;">销售季节：
                        <select class="seek_sel sale_quarter">
                            <option value="">请选择</option>
                            @if(count($season)>0)
                                @foreach($season as $k => $v)
                                    <option value="{{$v}}">{{$v}}</option>
                                @endforeach
                            @endif
                        </select>
                    </label>
                    <label class="seek_lab" style="width:185px;">品牌：
                        <select class="seek_sel brand">
                            <option value="">请选择</option>
                            @if(count($brands)>0)
                                @foreach($brands as $k => $v)
                                    <option value="{{$k}}">{{$v}}</option>
                                @endforeach
                            @endif
                        </select>
                    </label>
                    <label class="seek_lab" style="width:185px;">年份：
                        <select class="seek_sel year">
                            <option value="">请选择</option>
                            <option value="2016">2016</option>
                            <option value="2017">2017</option>
                            <option value="2018">2018</option>
                            <option value="2019">2019</option>
                            <option value="2020">2020</option>
                        </select>
                    </label>
                    <label class="seek_lab">款号：<input class="seek_sel girard" type="text" autocomplete="off" autocorrect="off" placeholder="款号" value="" /></label>
                    <button type="button" class="btn bt_del btn-info" onclick="grabble()">搜索</button>
                    <a class="btn bt_del btn-info" href="javascript:;" onclick="emptyFabric()">清空</a>
                </p>
            </form>
        </div>
        <div class="fabric-choose">
            <span>共<span class="mate_count">0</span>条信息</span>
            <a class="btn btn-info bt_a" href="javascript:;" onclick="adjust()">核算用料</a>
        </div>
        <div class="form-group oneTb">
            <div class="fabric_div1">

            </div>
        </div>
        <span class="page1" style="float:right;"></span>
        <div style="width:100%;border-top:1px solid #ccc;float:right;height:1px;margin-top:15px;"></div>
        <div class="form-group twoTb">
            <div class="fabric_div2">

            </div>
        </div>
        <div style="width:1%;border-right:1px solid #ccc;float:left;height:780px;"></div>
        <div class="form-group threeTb">
            <div class="fabric_div3">

            </div>
        </div>
    </div>
    <script src="{{env('CDN_DOMAIN_NAME')}}/js/inPlis.js?v=1.0.3"></script>
@endsection
